/*-----------------------------------SLIDER---------------------------------------------
-----------------------------------------------------------------------------------
-----------------------------------------------------*/
* {box-sizing:border-box}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  width: 99.6%;
  height: 400px;
  position: relative;
  margin: auto;
  position: relative;
  bottom: 35px;
  
}
.slideshow-container img{
}

.slideshow-container:hover {
border-color: #cccccc;}

/* Caption text */
.stext {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .stext {font-size: 11px}
}




/*-----------------------------------SLIDER END---------------------------------------------
-----------------------------------------------------------------------------------
-----------------------------------------------------*/


body {
 
  width: 100%;
   height: 100%;
 opacity: 0.9;
 overflow-x: hidden;
  font-family: Arial;
                margin: 0;
                padding: 0;
	z-index: 1000000;
 }
 
 .homelogo{
 
 position: relative;
 left: 50px;
 top: 60px;
 
 }
 *{font-family:arial;}
  .violet { color: #e87423 ; }

a {
    color: #e87423 ;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;


}  

.nav {
 
position:relative;
left:575px;
bottom: 8px;
z-index:10000;

 }
 
.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
}

.nav li {
    float: left;
	font-size: 15px; 
padding: 0;
display: inline;

}

.nav .current {
border-style: solid;
background-color: #f5f5f0;
border-top-color: #e87423;
border-left-color:#f5f5f0;
border-right-color:#f5f5f0;
border-bottom-color:#f5f5f0;
padding: 27px 16px;

}

li a, .dropbtn {
    display: inline-block;
    color: gray;
    text-align: center;
    padding: 30px 10px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #e87423;
	
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.nav ul li a:hover  ul{
display: block;}
.nav ul ul a{display:none; 
position:absolute;}
.nav ul li ul li { display: block;}

.dropdown-content a:hover {background-color: #e87423}

.dropdown:hover .dropdown-content {
    display: block;
}


.dropdown-content a:hover ul li{
display: inline;}


 .header-break {
 width: 100%;
 height: 0%;
 border-bottom: 3px solid  #f5f5f0;
-webkit-box-shadow:0px 1px 1px #f5f5f0;
 -moz-box-shadow:0px 1px 1px #f5f5f0;
 box-shadow:0px 1px 1px #f5f5f0;
 bottom: 5px;
 z-index:10;
 position: relative;
 }

a.egyicon {
float: right;
z-index: 0;
bottom: 1px;
 position:relative;
right:100px;
top: 10px;
}
.egyicon { color: #404040;
font-weight: bold;}
/*.egyicon text{
position:absolute;
   text-align: justify;
	margin: 0 auto;} */
a.ukicon {
float: right;
z-index: 0;
bottom: 2px;
position:relative;
right: 0px;
top: 10px;
}
.ukicon{ color: #404040;
font-weight: bold;}

h1 {
    text-align: center;
    /*text-shadow: 2px 2px*/ ;
	    font-size: 200%;
font-family: arial;
}
h2
{ 
text-align: absolute;
    font-weight: bold;
	    font-size: 120%;
		font-family: arial;

}
	
	#HomePic 
	{ 
    position: absolute;
    left: 100px;
    top: 170px;
    z-index: -6;
	width: 1100px;
	height: 400px;
	 margin: 40px 0;
}
#line
{    
margin: auto;   
 left: 130px;
    top: 170px;
      display: block;
	  

}

.product_gallery {
margin: 0 auto;
width: 1500px;
list-style: none;
margin-right: 150px;
position: relative;
left: 70px;
}
.product_gallery li{
float: left;
width: 350px;
margin-right: 60px;
margin-top: 30px;
border: solid;
border-width: 5px;
border-color: white;
padding-left: 20px;
padding-right: 10px;
padding-top: 20px;
height: 600px;

}


.product_gallery li img{
width: 500px;
height: 300px;
float: left;
} 
 
.product_gallery li:hover  {
border-color: #ebebe0;
background-color: #f5f5ef;

} 


.product_information {
float: left;
bottom: 160px;
font-size: 40px;
margin-left: 10px;
margin-top: 10px;
font-weight: bold;
position: relative;
  
}
.textbackground {
opacity: 0.9;
color:black;
 line-height:35px;
 display:inline-block;
 background:#f5f5ef; 
  float:left;
  
}

.pdimg{
width:100%;
position:relative;
left: 20px;
margin-bottom: 0px;
float: left;}
#pdimg1{
position: relative;
margin-top: 35px;
}
#pdimg2{
position: relative;

}
 .product_description {

padding-left: 0px;
padding-right: 1px;
padding-top: 2px;
 position: relative; 
   bottom: 180px; 
   left: 0; 
   width: 100%; 
   margin-left: 5px;
   float: left;
   }
.waterdesc{
width: 100%;}
.readmore {
  background-color: Transparent;
    border: none;
    color: Transparent;
    padding: 0px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 12px 12px;
    cursor: pointer;
	visibility:hidden;
}
 .product_gallery li:hover .readmore {
 color: #e87423;
 background-color: transparent;
 visibility: visible;}
 

/* --------- PROCESS CONTROL LIST OF PRODUCTS --------------*/
.listah {
font: arial;
}
.listah ul{
li-style-type: none;

}		
.listah li{
float:left; 
vertical-align:bottom;

}
   .listah img{
position: relative; 
bottom: 0;
margin-right: 100px;

}

ul 
{  list-style-type: none; 
}

.brandname{
text-align: center;
}
.brandname img{
padding-left: 20px;}

/* --------- END PROCESS CONTROL LIST OF PRODUCTS --------------*/

.fline
{    margin: fixed;
position: absolute;
 left: 400px;
    top: 1500px;
      display: block;
	  

}

.fp1 {


    clear: both;
    position: relative;
    z-index: 10;
    height: 3em;
    margin-top: -3em;
}

.footer {
font-size: 15px;
top: 130px;
background-color: #e6e6e6;
    clear: both;
    position: relative;
    z-index: 1000;
    height: 3em;
    margin-top: 0;
	height:280px;
width:100%;

	margin-bottom: 5px;
}
#footer2{
position: relative;
top: 40px;
left: 180px;}
#footer1{
position: relative;
bottom:130px; 
left: 180px;
font-size:13px;
}


.sitemap{
position: relative;
left: 800px;
bottom: 100px;}

.subsitemap{
position: relative;
left: 960px;
bottom: 183px;
}


/*------------Contact Us Page---------------*/

/* input[type=text], select {
    width: 1800px;
    padding: 5px 20px;
    margin: 20px 5;
    display: inline-block;
    border: 1px solid white;
    border-radius: 10px;
    box-sizing: border-box; 

} */
#name {
 width: 200px;
    padding: 15px 00px;
    margin: 20px 70px;
    display: inline-block;
    border: 1px solid gray;
    border-radius: 10px;
    box-sizing: border-box;
}

#e {
 width: 200px;
    padding: 15px 00px;
    margin: 20px 10px;
    display: inline-block;
    border: 1px solid gray;
    border-radius: 10px;
    box-sizing: border-box;
}
#text {
 width: 500px;
    padding: 40px 20px;
    margin: 20px 5;
    display: inline-block;
    border: 1px solid gray;
    border-radius: 10px;
    box-sizing: border-box;
	
	}
	
	#nn {
		padding: 0px 0px;
	position: relative;
	left: 30px;
	}
	#n {
	padding: 10px 20px;
	position: relative;
	bottom: 10px;
	}
	#m{ 
	
    padding: 40px 20px;
    margin: 20px 3;
	position: relative;
	bottom: 0px;
	}
input[type=submit] {
    width: 400px;
    background-color: #a6a6a6;
    color: black;
    padding: 14px 20px;
    margin: 10px 70px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    opacity: 1;
}


input[type=submit]:hover {
    background-color: #ff704d;
}
 .contsoon{
   width: 650px;
    border-radius: 10px;
    background-color: #ebebe0;
    padding: 40px;
  margin: 250px 40;
     position: absolute;
    left: 500px;
	z-index:500;
	opacity:0.1;
	color: #ebebe0;
	height: 500px;
	font-size: 40px;
	z-index: 10000; 

 }
 
 .contsoon:hover{
 height: 500px;
 opacity: 0.9;
 color: black;

 }
 
.cont {
    width: 650px;
    border-radius: 10px;
    background-color: #ebebe0;
    padding: 40px;
  opacity:1;
  margin: 250px 40;
     position: absolute;
z-index: 1000; 
 left: 500px;
}

.cont2 {
z-index: 1000; 

 width: 400px;
    border-radius: 10px;
    background-color: #ebebe0;
    padding: 40px;
  opacity: 1;
  margin: 250px 40;
     position: absolute;
    left: 10px;
}
#x {
position: relative;
left: 110px;}

#titpic {
   position: absolute;
    left: 0px;
    top: 110px;
    z-index: -6;
	width: 1400px;
	height: 90px;
	 margin: 40px 0;
}
#tit {
color: #4d4d4d ;
 position: relative;
    left: 130px;
    bottom: 50px;
	font-size: 28px;
	
}
#faicon {

 position: absolute;
    left: 110px;
    top: 160px;
	font-size: 18px;
}


 
#sub {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: black;
	
	position:relative;
left:660px;
bottom:20px;
}
/* --- End Contact Us --- */
.para{
position: relative;
left: 250px;
width: 900px;
top: 80px;
font-size: 21px;}


#mainpic {
width:700px;
position:relative;
left: 80px;}
#listhead{
position:relative;
clear: left;
font-family: arial;
margin-left: 0px;
}

#listhead2{
position:relative;
clear: left;
}
#listhead2 img{
width: 200px;
height: 180px;
left: 10px;
}

.palign
{
margin-left: 200px;
}
.palign img
{
margin-left: 30px;
margin-right: 10px;
margin-bottom: 5px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.palign2
{
margin-left: 10px;
}
.palign2 img
{
margin-left: 280px;
margin-right: 50px;
margin-bottom: 5px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.palign3 img
{
margin-left: 200px;
margin-right: 50px;
margin-bottom: 5px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}


/* ------------ PHARMA PAGE -------- */
.pharmapic1
{
margin-left: 10px;
}
.pharmapic1 img
{
margin-left: 300px;
margin-right: 50px;
margin-bottom: 5px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.pharmapic13
{
margin-left: 10px;
}
.pharmapic13 img
{
margin-left: 0px;
margin-right: 50px;
margin-bottom: 5px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}


/* -------------- FOOTER FOR CONTACT US ---------*/


.flinecontact
{    margin: fixed;
position: absolute;
 left: 400px;
    top: 1500px;
      display: block;
	  

}

.fp1contact {


    clear: both;
    position: relative;
    z-index: 10;
    height: 3em;
    margin-top: -3em;
}

.footercontact {
font-size: 15px;
top: 1000px;
background-color: #e6e6e6;
    clear: both;
    position: absolute;
    
    height: 3em;
    margin-top: 0;
	height:300px;
width:100%;

	margin-bottom: 5px;
}
#footer2contact{
position: relative;
top: 40px;
left: 180px;}
#footer1contact{
position: relative;
bottom:130px; 
left: 180px;
font-size:13px;
}


.sitemapcontact{
position: relative;
left: 800px;
bottom: 100px;}

.subsitemapcontact{
position: relative;
left: 960px;
bottom: 183px;
}